
<nz-card>
  <div style="background-color:#f8f8f8;">
    <div nz-row>
      <!--左侧悬浮锚点-->
      <div nz-col  nzSpan="3"  class="anchor"  style="padding-top:10px;">
        <div *ngIf="_showLeft">
          <nz-anchor #anchor [nzShowInkInFixed]="true" [nzTarget]="target" [nzOffsetTop]="25">
            <nz-link nzHref="#jbxx" class="anchor_item" nzTitle="基本信息"></nz-link>
            <nz-link nzHref="#slqd" class="anchor_item" nzTitle="线下渠道"></nz-link>
            <nz-link nzHref="#sqtj" class="anchor_item" nzTitle="申请条件"></nz-link>
            <nz-link nzHref="#sbcl" class="anchor_item" nzTitle="申报材料"></nz-link>
            <nz-link nzHref="#bllc" class="anchor_item" nzTitle="办理流程"></nz-link>
            <nz-link nzHref="#sfbz" class="anchor_item" nzTitle="收费标准"></nz-link>
            <nz-link nzHref="#cjwt" class="anchor_item" nzTitle="常见问题"></nz-link>
            <nz-link nzHref="#sdyj" class="anchor_item" nzTitle="设定依据"></nz-link>
          </nz-anchor>
        </div>
      </div>

      <div nz-col #target  class="window_height" nzSpan="21" style="box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10);border-radius: 4px;">
        <!--基本信息-->
        <div id="jbxx" *ngIf="this.sxData.basicInfo!==null && this.sxData.basicInfo!==undefined" class="scrollable-container" style="background-color:#ffffff;padding-left:20px;padding-right:20px;padding-top: 10px;">
          <div class="title_div">
            <span class="zsk_title">基本信息</span>
            <nz-tag style="margin-left:10px;margin-right:20px;" [nzColor]="getDAD011Tag(sxData.basicInfo.DAD011)">{{getDAD011Val(sxData.basicInfo.DAD011)}}</nz-tag>
            <nz-badge [nzStatus]="getDAD032Color(sxData.basicInfo.DAD032)" [nzText]="getDAD032Val(sxData.basicInfo.DAD032)"></nz-badge>
          </div>
          <nz-divider></nz-divider>
          <table class="table" style="width: 100%;">
            <thead>
              <tr>
                <th width="15%"></th>
                <th width="35%"></th>
                <th width="15%"></th>
                <th width="35%"></th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td colspan="4" class="basicInfo_title">事项信息</td>
              </tr>
              <tr>
                <td width="15%" class="basicInfo_attribute">事项名称</td>
                <td width="35%" class="basicInfo_value">{{sxData.basicInfo.DAD031}}</td>
                <td width="15%" class="basicInfo_attribute">事项类型</td>
                <td width="35%" class="basicInfo_value"><nz-tag [nzColor]="getDAD011Tag(sxData.basicInfo.DAD011)">{{getDAD011Val(sxData.basicInfo.DAD011)}}</nz-tag></td>
              </tr>
              <tr>
                <td class="basicInfo_attribute">对象主体</td>
                <td class="basicInfo_value"><nz-badge [nzStatus]="getDAD032Color(sxData.basicInfo.DAD032)" [nzText]="getDAD032Val(sxData.basicInfo.DAD032)"></nz-badge></td>
                <td class="basicInfo_attribute">权力编码</td>
                <td class="basicInfo_value">{{sxData.basicInfo.DAD004}}</td>
              </tr>
              <tr>
                <td class="basicInfo_attribute">所属部门</td>
                <td class="basicInfo_value">{{getDGB010Val(sxData.basicInfo.DGB010)}}</td>
                <!-- <td class="basicInfo_attribute">所属科室</td>
                <td class="basicInfo_value">{{getDGB040Val(sxData.basicInfo.DGB040)}}</td> -->
                <td class="basicInfo_attribute">到办事现场次数</td>
                <td class="basicInfo_value">{{sxData.basicInfo.DAD060}}
                  <span *ngIf="sxData.basicInfo.DAD060!==null && sxData.basicInfo.DAD060.length>0">次</span>
                </td>
              </tr>
              <tr>
                <td class="basicInfo_attribute">咨询电话</td>
                <td class="basicInfo_value">{{sxData.basicInfo.DAD059}}</td>
                <td class="basicInfo_attribute">网上办理深度</td>
                <td class="basicInfo_value">{{sxData.basicInfo.DAD061}}</td>
              </tr>
              <tr>
                <td class="basicInfo_attribute">法定办结时限</td>
                <td class="basicInfo_value">
                  {{sxData.basicInfo.DAD039}}
                  <span *ngIf="sxData.basicInfo.DAD178!==undefined && sxData.basicInfo.DAD178.length>0">
                    （{{getDAD040Val(sxData.basicInfo.DAD040)}}）
                  </span>
                </td>
                <td class="basicInfo_attribute">承诺办结时限</td>
                <td class="basicInfo_value">
                  {{sxData.basicInfo.DAD041}}
                  <span *ngIf="sxData.basicInfo.DAD178!==undefined && sxData.basicInfo.DAD178.length>0">
                    （{{getDAD040Val(sxData.basicInfo.DAD042)}}）
                  </span>
                </td>
              </tr>
              <!-- <tr>
                <td class="basicInfo_attribute">到办事现场次数</td>
                <td class="basicInfo_value">{{sxData.basicInfo.DAD060}}
                  <span *ngIf="sxData.basicInfo.DAD060!==null && sxData.basicInfo.DAD060.length>0">次</span>
                </td>
                <td class="basicInfo_attribute">顺序号</td>
                <td class="basicInfo_value">{{sxData.basicInfo.SEQ}}</td>
              </tr> -->
              <tr>
                <td class="basicInfo_attribute">现场办理原因</td>
                <td colspan="3" class="basicInfo_value">{{sxData.basicInfo.DAD062}}</td>
              </tr>
              <!-------------------------------------------------------------------->
              <tr>
                <td colspan="4" class="basicInfo_title">办事信息</td>
              </tr>
              <tr>
                <td class="basicInfo_attribute">办理形式</td>
                <td class="basicInfo_value">{{zskService.getDAD012Val(sxData.basicInfo.DAD012)}}</td>
                <td class="basicInfo_attribute">通办范围</td>
                <td class="basicInfo_value">{{zskService.getDAD063Val(sxData.basicInfo.DAD063)}}</td>
              </tr>
              <!-------------------------------------------------------------------->
              <tr>
                <td colspan="4" class="basicInfo_title">结果信息</td>
              </tr>
              <tr>
                <td class="basicInfo_attribute">送达时限</td>
                <td class="basicInfo_value">
                  {{sxData.basicInfo.DAD064}}
                  <span *ngIf="sxData.basicInfo.DAD178!==undefined && sxData.basicInfo.DAD178.length>0">
                    （ {{getDAD040Val(sxData.basicInfo.DAD178)}}）
                  </span>
                </td>
                <td class="basicInfo_attribute">取件方式</td>
                <td class="basicInfo_value">{{zskService.getDAD065Val(sxData.basicInfo.DAD065[0])}}</td>
              </tr>
            </tbody>
          </table>
<!--**************************************************************************************************************-->
        <div id="slqd" class="title_div" style="margin-top: 26px;">
          <span class="zsk_title">线下办事地点/时间</span>
        </div>
        <nz-divider></nz-divider>
        <div>
          <!-- <div *ngIf="sxData.slqd.length<4"> -->
            <nz-card *ngFor="let item of sxData.slqd" style="margin-top: 8px;margin-bottom: 8px;">
              <table class="qdtable">
                <tr>
                  <th>具体地址:</th><td>{{item.DAD108}}&nbsp;{{item.DAD109}}</td>
                </tr>
                <tr>
                  <th>办理时间:</th><td>{{item.DAD106}}</td>
                </tr>
                <tr>
                  <th>联系电话:</th><td>{{item.AAE005}}</td>
                </tr>
              </table>
            </nz-card>
        </div>

        <nz-divider style="visibility: hidden;"></nz-divider>
<!--**************************************************************************************************************-->
        <div id="sqtj" style="margin-top: 26px;">
          <span class="zsk_title">申请条件</span>
        </div>
        <nz-divider></nz-divider>
        <div *ngIf="this.sxData.sqtj!==null">
          <p><!--数量限制-->
            <span style="color:#255BDA;font-size:13px;line-height: 16px;
    font-weight: bold;">●</span>
            <span style="font-size:18px;margin-left: 8px;font-weight: bold;">数量限制</span>
          </p>
          <div style="width: 100%;font-size: 14px;padding-left:20px;"><p>{{sxData.sqtj.DAD163}}</p></div>
          <p><!--受理条件-->
            <span style="color:#255BDA;font-size:13px;line-height: 16px;
    font-weight: bold;">●</span>
            <span style="font-size:18px;margin-left: 8px;font-weight: bold;">受理条件</span>
          </p>
          <div class="html-format" [innerHTML]="sxData.sqtj.DAD164 | html" style="width: 100%;padding-left:20px;"></div>
          <!-- <div *ngFor="let tj of sxData.sqtj.sqtjList;let i=index">
            <p class="text_indent">（{{toChinesNum(i+1)}}）{{tj.tjName}}</p>
          </div> -->
          <p><!--禁止性要求-->
            <span style="color:#255BDA;font-size:13px;line-height: 16px;
    font-weight: bold;">●</span>
            <span style="font-size:18px;margin-left: 8px;font-weight: bold;">禁止性要求</span>
          </p>
          <!-- <div><p class="text_indent">{{sxData.sqtj.DAD165}}</p></div> -->
          <div [innerHTML]="sxData.sqtj.DAD165 | html" style="width: 100%;padding-left:20px;"></div>
        </div>

<!--**************************************************************************************************************-->
<div id="sbcl" class="title_div" style="margin-top: 26px;">
  <span class="zsk_title">申报材料</span>
</div>
<nz-divider></nz-divider>
<div *ngFor="let item of sxData.sbcl;let i=index">
  <p class="xiao_biao_ti">{{i+1}}、{{item.DAD087}}</p>
  <!-- <nz-checkbox-group [(ngModel)]="item.sbclCheckGroup" (ngModelChange)="log(i)"></nz-checkbox-group> -->
  <div *ngFor="let ck of item. sbclCheckGroup;let cki=index" style="margin-bottom: 12px;">
    <label nz-checkbox  [(ngModel)]="ck.checked">{{ck.label}}</label>
  </div>
</div>
<div *ngIf="showClSearchBtn" style="margin-bottom: 12px;">
  <button nz-button nzType="primary"  nzShape="round" (click)="clcx()">确定</button>
  <button nz-button nzType="default"  nzShape="round" (click)="clcz()">重置</button>
</div>
<st *ngIf="listOfDataWg.length>0" #clxxST  [columns]="clxxColumns" [data]="listOfDataWg"  [scroll]="{x:'2400px'}" [page]="{show:false}" ps="100">
  <ng-template st-row="dicDAD034" let-item let-index="index" let-column="column">
    {{zskService.getDAD034Val(item.DAD105)}}
  </ng-template>
  <ng-template st-row="dicDAC002" let-item let-index="index" let-column="column">
    {{zskService.getDAC002Val(item.DAD121)}}
  </ng-template>
  <ng-template st-row="dicDAC003" let-item let-index="index" let-column="column">
    {{zskService.getDAC003Val(item.DAD122)}}
  </ng-template>
  <ng-template st-row="dicDAD080" let-item let-index="index" let-column="column">
    {{zskService.getDAD080Val(item.DAD080)}}
  </ng-template>
  <ng-template  st-row="dicDAD082" let-item let-index="index" let-column="column">
    {{zskService.getDAD082Val(item.DAD082)}}
  </ng-template>
</st> 
<div *ngIf="listOfDataYg.length>0" style="width: 100%;height: 60px;line-height: 60px;padding-left: 16px;background: #EAF1FA;margin-top: 20px;">
  <span style="font-size: 16px;color: #333333;">部分数据已经共享</span>
  <span style="font-size: 16px;color: #255bda;cursor: pointer;" (click)="showGxCl()">查看已共享材料</span>
</div>

<!--**************************************************************************************************************-->
<div id="bllc" class="title_div" style="margin-top: 26px;">
  <span class="zsk_title">办理流程</span>
</div>
<nz-divider></nz-divider>
<div [innerHTML]="this.sxData.basicInfo.DAD037 | html" style="width: 100%;"></div>
<!-- {{getDAD037()}} -->
<!-- <table class="bllctable" style="width: 100%;">
  <thead>
    <tr>
      <th width="10%">环节</th>
      <th width="10%">办理时限</th>
      <th width="10%">办理人员</th>
      <th width="35%">审核标准</th>
      <th width="35%">办理结果</th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of sxData.bllc">
      <td class="bllc_td"><p>{{getDAD173Val(item.DAD173)}}</p></td>
      <td class="bllc_td"><p>{{item.DAD174}}</p></td>
      <td class="bllc_td"><p>{{getDAD175Val(item.DAD175)}}</p></td>
      <td class="bllc_td"><p>{{item.DAD176}}</p></td>
      <td class="bllc_td"><p>{{item.DAD177}}</p></td>
    </tr>
  </tbody>
</table> -->
<button 
nz-button 
nzType="primary" 
nzSize="large" 
nzShape="round"
style="margin-top: 36px;"
(click)="showlc()"
>
查看流程图&nbsp;>
</button>

<!--**************************************************************************************************************-->
<div id="sfbz" class="title_div" style="margin-top: 26px;">
  <span class="zsk_title">收费标准</span>
</div>
<nz-divider></nz-divider>
<div *ngIf="this.sxData.sfbz!==null">
  <p><!--是否收费-->
    <span style="color:#255BDA;font-size:13px;line-height: 16px;
    font-weight: bold;">●</span>
    <span style="font-size:18px;margin-left: 8px;font-weight: bold;">收费标准</span>
  </p>
  <div [innerHTML]="sxData.sfbz.DAD166 | html" style="width: 100%;padding-left:20px;"></div>
  <!-- <div><p class="text_indent">{{sxData.sfbz.DAD166}}</p></div> -->
  <p><!--收费依据-->
    <span style="color:#255BDA;font-size:13px;line-height: 16px;
    font-weight: bold;">●</span>
    <span style="font-size:18px;margin-left: 8px;font-weight: bold;">收费依据</span>
  </p>
  <div [innerHTML]="sxData.sfbz.DAD167 | html" style="width: 100%;padding-left:20px;"></div>
  <!-- <div>
    <p class="text_indent">{{sxData.sfbz.DAD167}}</p>
  </div> -->
  <p><!--是否支持网上支付-->
    <span style="color:#255BDA;font-size:13px;line-height: 16px;
    font-weight: bold;">●</span>
    <span style="font-size:18px;margin-left: 8px;font-weight: bold;">是否支持网上支付</span>
  </p>
  <div style="padding-left:20px;font-size: 14px;">{{getDAD168Val(sxData.sfbz.DAD168)}}</div>
</div>
<!--**************************************************************************************************************-->
<div id="cjwt" class="title_div" style="margin-top: 26px;">
  <span class="zsk_title">常见问题</span>
</div>
<nz-divider></nz-divider>
<table class="wttable" style="width: 100%;" *ngIf="this.sxData.cjwt!==null">
  <tbody>
    <tr *ngFor="let item of sxData.cjwt;let i=index">
      <td class="wttable_attribute" width="5%">{{i+1}}</td>
      <td width="95%" style="padding:15px;font-size:14px;">
        <p style="font-weight: bold;border-bottom: 8px;">问:“{{item.DAD169}}”</p>
        <p>答:“{{item.DAD179}}”</p>
      </td>
    </tr>
  </tbody>
</table>

<!--**************************************************************************************************************-->
<div id="sdyj" class="title_div" style="margin-top: 26px;">
  <span class="zsk_title">设定依据</span>
</div>
<nz-divider></nz-divider>
<div style="margin-bottom: 30px;padding-bottom: 30px;" *ngIf="this.sxData.sdyj.length>0">
  <div *ngIf="sxData.sdyj.length>0">
    <div *ngFor="let item of sxData.sdyj;let i=index">
      <span style="font-size: 18px;font-weight: bold;">{{zskService.getDAD170Val(item.DAD170)}}&nbsp;|&nbsp;{{item.DAD182}}</span>
      <a *ngIf="item.URL!==undefined && item.URL!==null && item.URL.length>0" style="font-size: 10px;color:gray;margin-left: 10px;" [href]="item.URL" [download]="item.DAD182"><i nz-icon nzType="link" nzTheme="outline"></i>附件</a><br/>
      <span style="word-break: break-all;font-size: 12px;color: #99a2c3;">{{item.DAD183}}</span><br/>
      <div style="margin-top: 10px;width: 100%"><span style="word-break: break-all;font-size: 14px;">{{item.DAD171}}</span></div><br/>
      <!-- <p class="text_indent">（{{toChinesNum(i+1)}}）{{item.flyj}}</p> -->
      <nz-divider></nz-divider>
    </div>
  </div>
</div>
           


        </div>
      </div>
      
    </div>
  </div>
</nz-card>
<!-- <nz-modal [(nzVisible)]="isShowLct" (nzOnCancel)="lcthandleCancel()" [nzFooter]="null" nzWidth="1000">
  <app-flow-view [id]="this.DAD017"></app-flow-view>
</nz-modal> -->
<!-- <nz-modal [(nzVisible)]="showMapVisible" (nzOnCancel)="showMapCancel()" [nzFooter]="null" nzWidth="1000">
  <div id="map" style="width:100%;height: 300px"></div>
</nz-modal>  -->
<nz-modal [(nzVisible)]="clxxGxVisible" (nzOnCancel)="clxxCancel()" [nzFooter]="null" nzTitle="已经共享材料" nzWidth="1000">
  <st *ngIf="clxxGxVisible===true" #clxxYgST  [columns]="clxxColumns" [data]="listOfDataYg"  [scroll]="{x:'2400px'}" [page]="{show:false}" ps="100">
    <ng-template #selectkuang st-row="dicDAD034" let-item let-index="index" let-column="column">
      {{zskService.getDAD034Val(item.DAD105)}}
    </ng-template>
    <ng-template #selectkuang st-row="dicDAC002" let-item let-index="index" let-column="column">
      {{zskService.getDAC002Val(item.DAD121)}}
    </ng-template>
    <ng-template #selectkuang st-row="dicDAC003" let-item let-index="index" let-column="column">
      {{zskService.getDAC003Val(item.DAD122)}}
    </ng-template>
    <ng-template #selectkuang st-row="dicDAD080" let-item let-index="index" let-column="column">
      {{zskService.getDAD080Val(item.DAD080)}}
    </ng-template>
    <ng-template #selectkuang st-row="dicDAD082" let-item let-index="index" let-column="column">
      {{zskService.getDAD082Val(item.DAD082)}}
    </ng-template>
  </st> 
  <!-- <lb-grid *ngIf="clxxGxVisible===true" #clxxST  [columns]="clxxGxColumns" sname="ZSKCX_QBQCL" [queryparas]="this.clxxParam" [scroll]="{x:'2400px'}">
  </lb-grid>  -->
</nz-modal> 